<!DOCTYPE html>
<html lang="en">
<head>
    <include file="Public/public_head" title="" keywords="{$Think.config.WEB_KEYWORDS}" description="{$Think.config.WEB_DESCRIPTION}"/>
    <css file="__PUBLIC__/static/whoCare/css/about.css" />
    <script src="__PUBLIC__/static/whoCare/Qplayer/js/jquery.min.js"></script>
</head>
<body>
<nav class="fl-nav layui-header">
    <div class="fl-container">
        <if condition="$userInfo eq null ">
            <a href="javascript:;" class="fl-user userLoginBtn">
                <i class="fa fa-qq"></i>
            </a>
            <else />
            <a href="javascript:;" class="fl-user" style="right:40px;color: white;font-size: 16px;">
                {$userInfo['user_name']}
            </a>
            <a href="{:U('Home/Index/logout')}" style="position: absolute;right:-60px;z-index: 10;line-height: 64px;color: white;font-size: 16px;">
                退出登录
            </a>
        </if>
        <a href="/" class="fl-log">WhoCare</a>
        <ul class="layui-nav" lay-filter="">
            <li class="layui-nav-item ">
                <a href="{:U('Home/Index/index')}">
                    <i class="fa fa-home fa-fw"></i>网站首页
                </a>
            </li>
            <li class="layui-nav-item">
                <a href="{:U('Home/Index/ari')}">
                    <i class="fa fa-file-text fa-fw"></i>文章专栏
                </a>
            </li>
            <li class="layui-nav-item ">
                <a href="{:U('Home/Index/git')}">
                    <i class="fa fa-tags fa-fw"></i>资源分享
                </a>
            </li>
            <li class="layui-nav-item">
                <a href="{:U('Home/Index/chat')}">
                    <i class="fa fa-hourglass-half fa-fw"></i>点点滴滴
                </a>
            </li>
            <li class="layui-nav-item  layui-this">
                <a href="{:U('Home/Index/about')}">
                    <i class="fa fa-info fa-fw"></i>关于本站
                </a>
            </li>
        </ul>
        <a class="fl-navicon" href="javascript:;">
            <i class="fa fa-navicon"></i>
        </a>
    </div>
</nav>
<!-- 内容开始 -->
<div class="fl-body">
    <div class="fl-container">
        <div class="fl-main">
            <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
                <a href="{:U('Home/Index/index')}">网站首页</a>
                <a><cite>关于本站</cite></a>
            </blockquote>
            <div class="layui-tab layui-tab-brief shadow" lay-filter="tabAbout">
                <ul class="layui-tab-title">
                    <li lay-id="1" class="layui-this">关于博客</li>
                    <li lay-id="2">关于作者</li>
                    <li lay-id="3" id="frinedlink">友情链接</li>
                    <li lay-id="4">留言墙</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div class="aboutinfo">
                            <div class="aboutinfo-figure">
                                <img src="__PUBLIC__/static/whoCare/image/whocare.jpg" alt="whocare" />
                            </div>
                            <p class="aboutinfo-nickname">WhoCare</p>
                            <p class="aboutinfo-introduce">一个.NET程序员的个人博客，记录博主学习和成长之路，分享.NET方面技术和源码</p>
                            <p class="aboutinfo-location">
                                <i class="fa fa-link"></i>
                                <a target="_blank" href="http://www.lyblogs.cn">www.lyblogs.cn</a>
                            </p>
                            <hr />
                            <div class="aboutinfo-contact">
                                <a href="" title="网站首页">
                                    <i class="fa fa-home fa-2x" style="font-size:2.5em;position:relative;top:3px"></i>
                                </a>
                                <a href="" title="文章专栏">
                                    <i class="fa fa-file-text fa-2x"></i>
                                </a>
                                <a href="" title="资源分享">
                                    <i class="fa fa-tags fa-2x"></i>
                                </a>
                                <a href="" title="点点滴滴">
                                    <i class="fa fa-hourglass-half fa-2x"></i>
                                </a>
                            </div>
                            <fieldset class="layui-elem-field layui-field-title">
                                <legend>简介</legend>
                                <div class="layui-field-box aboutinfo-abstract">
                                    <p style="text-align:center;">不落阁是一个由ASP.NET MVC开发的个人博客网站，诞生于2016年11月7日，起劲为止经历了一次大改，暂且称为不落阁2.0。</p>
                                    <h1>第一个版本</h1>
                                    <p>诞生的版本，采用ASP.NET MVC + Entity Framework作为后台框架，前端几乎自己手写，用了Bootstrap的栅格系统来布局！起初并没有注意美工，只打算完成基本的功能，故视觉体验是比较差的。</p>
                                    <h1>第二个版本</h1>
                                    <p>由于感觉EF查询数据的时候较慢（后来发现是自己搞错了），于是自己写了个ORM，其实也算不上ORM，就是将ADO.NET进行封装，再封装，再利用反射将数据库表与实体类一一对应，有了基本的增删改查、事务、自动建表等功能，同时为了配合这个ORM，将项目改成三层，前端方面加入了Animate.css的动画效果，同时自己手写了几个动画，并制作了浅色于深色两种主题的样式，视觉体验稍有提高。</p>
                                    <h1>当前版本</h1>
                                    <p>从公司的一个后台管理系统的前端发现了Layer弹窗插件，于是追根溯源，发现了Layui前端框架！Layui简洁的风格让我很是喜欢，于是决定再次将网站改版！此次改版从里到外几乎全部更新。后台增加了面向接口开发，使用了IOC框架，同时ORM回归到Entity Framework，前端则移除Bootstarp，引入Layui。视觉体验显著提高。</p>
                                    <h1 style="text-align:center;">The End</h1>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                    <!-- 关于博客end -->
                    <div class="layui-tab-item">
                        <div class="aboutinfo">
                            <div class="aboutinfo-figure">
                                <img src="__PUBLIC__/static/whoCare/image/whocare.jpg" alt="" />
                            </div>
                            <p class="aboutinfo-nickname">WhoCare</p>
                            <p class="aboutinfo-introduce">一枚90后程序员，.NET开发工程师，主攻B/S架构，略懂Web前端</p>
                            <p class="aboutinfo-location">
                                <i class="fa fa-location-arrow"></i> 四川 - 成都
                            </p>
                            <hr />
                            <div class="aboutinfo-contact">
                                <a target="_blank" title="QQ交流" href="javascript:layer.msg('启动QQ会话窗口')">
                                    <i class="fa fa-qq fa-2x"></i>
                                </a>
                                <a target="_blank" title="给我写信" href="javascript:layer.msg('启动邮我窗口')">
                                    <i class="fa fa-envelope fa-2x"></i>
                                </a>
                                <a target="_blank" title="新浪微博" href="javascript:layer.msg('转到你的微博主页')">
                                    <i class="fa fa-weibo fa-2x"></i>
                                </a>
                                <a target="_blank" title="码云" href="javascript:layer.msg('转到你的github主页')">
                                    <i class="fa fa-git fa-2x"></i>
                                </a>
                            </div>
                            <fieldset class="layui-elem-field layui-field-title">
                                <legend>简介</legend>
                                <div class="layui-field-box aboutinfo-abstract abstract-bloger">
                                    <p style="text-align:center;">Absolutely，不落阁创始人，诞生于1996年2月14日，目前是一个码农，从事.NET开发。</p>
                                    <h1>个人信息</h1>
                                    <p>暂无</p>
                                    <h1>个人介绍</h1>
                                    <p>一个没有故事的男同学，没什么介绍......</p>
                                    <h1 style="text-align:center;">The End</h1>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                    <!-- 关于作者end -->
                    <div class="layui-tab-item">
                        <div class="aboutinfo">
                            <div class="aboutinfo-figure">
                                <img src="__PUBLIC__/static/whoCare/image/whocare.jpg" alt="" />
                            </div>
                            <p class="aboutinfo-nickname">友情链接</p>
                            <p class="aboutinfo-introduce">Name：不落阁    Site：www.lyblogs.cn</p>
                            <p class="aboutinfo-location">
                                <i class="fa fa-close"></i>经常宕机
                                <i class="fa fa-close"></i>不合法规
                                <i class="fa fa-close"></i>插边球站
                                <i class="fa fa-close"></i>红标报毒
                                <i class="fa fa-check"></i>原创优先
                                <i class="fa fa-check"></i>技术优先
                            </p>
                            <hr />
                            <div class="aboutinfo-contact">
                                <p style="font-size:2em;">互换友链，携手并进！</p>
                            </div>
                            <fieldset class="layui-elem-field layui-field-title">
                                <legend>Friend Link</legend>
                                <div class="layui-field-box">
                                    <ul class="friendlink">
                                        <foreach name="links" key="k" item="v">
                                            <li>
                                                <a target="_blank" href="{$v[url]}" title="Layui" class="friendlink-item">
                                                    <p class="friendlink-item-pic">
                                                        <img src="http://www.layui.com/favicon.ico" alt="Layui">
                                                    </p>
                                                    <p class="friendlink-item-title">{$v['lname']}</p>
                                                    <p class="friendlink-item-domain">{$v['lname']}.com</p>
                                                </a>
                                            </li>
                                        </foreach>
                                    </ul>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                    <!-- 友情链接end -->
                    <div class="layui-tab-item">
                        <div class="aboutinfo">
                            <div class="aboutinfo-figure">
                                <img src="" alt="留言墙">
                            </div>
                            <p class="aboutinfo-nickname">留言墙</p>
                            <p class="aboutinfo-introduce">本页面可留言、吐槽、提问。欢迎灌水，杜绝广告！</p><p class="aboutinfo-location">
                            <i class="fa fa-clock-o">
                                <span id="time"></span>
                            </i>
                        </p>
                            <hr />
                            <div class="aboutinfo-contact">
                                <p style="font-size:2em;">沟通交流，拉近你我！</p>
                            </div>
                            <fieldset class="layui-elem-field layui-field-title">
                                <legend>Leave a message</legend>
                                <div class="layui-field-box">
                                    <div class="leavemessage" style="text-align:initial">
                                        <!--顶级-->
                                        <form action="{:U('Home/index/addMsg')}" class="layui-form blog-editor" id="msgForm">
                                            <input type="hidden" name="about_pid" value="0">
                                            <div class="layui-form-item">
                                                <!--<textarea name="about_con" lay-verify="content" id="remarkEditor" placeholder="请输入内容" class="layui-textarea layui-hide"></textarea>-->
                                                <textarea name="about_con" placeholder="请输入内容" class="layui-textarea"></textarea>
                                            </div>
                                            <div class="layui-form-item">
                                                <button class="layui-btn msgBtn" lay-submit="formLeaveMessage" lay-filter="formLeaveMessage">提交留言</button>
                                            </div>
                                        </form>
                                        <script>
                                            $(".msgBtn").click(function(){
                                                var data=$("#msgForm").serialize();
                                                var href=$("#msgForm").attr("action");
                                                $.post(href,data,function(res){
                                                    if(res.status==1){
                                                        layer.msg(res.info);
                                                        setTimeout(function () {
                                                            location.reload();
                                                        },3000);
                                                    }
                                                    else{
                                                        layer.msg(res.info);
                                                    }
                                                });
                                                return false;
                                            });
                                        </script>
                                        <ul class="blog-comment">
                                            <volist name='cate' id='vo'>
                                                <li>
                                                        <div class="comment-parent" style="padding-left:{$vo['level']*20}px" >
                                                            <!--<img src="" alt="" />-->
                                                            <div class="info">
                                                                <span class="username">{$vo.user_name}
                                                                    <span style="color: black;margin: 0 3px;">回复</span>
                                                                    {:parentName($vo['about_pid'])}
                                                                </span>
                                                            </div>
                                                            <div class="content">{$vo.about_con}</div>
                                                            <p class="info info-footer">
                                                                <span class="time">{$vo.about_addtime|date="Y-m-d H:i:s",###}</span>
                                                                <a class="btn-reply" href="{:U('Home/index/reply',array('about_id'=>$vo['about_id']))}">回复</a>
                                                            </p>
                                                        </div>
                                                        <if condition="$vo['level'] eq 1">
                                                            <hr />
                                                        </if>
                                                </li>
                                            </volist>
                                        </ul>
                                        <script>
                                            $(".btn-reply").click(function(){
                                                var href= $(this).attr("href");
                                                    layer.open({
                                                        type: 2,
                                                        title: '回复',
                                                        shadeClose: true,
                                                        shade: 0.8,
                                                        scrolling:'no',
                                                        area: ['40%', '35%'],
                                                        content: href
                                                    });

                                                return false;
                                            });
                                        </script>
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 底部 -->
<footer class="fl-footer">
    <p>
        <span>Copyright</span>
        <span>©</span>
        <span>2017</span>
        <a href="">WhoCare个人博客</a>
        <span>Design By WhoCare</span>
    </p>
    <p>
        <a href="" target="_blank">豫ICP备xxxxxxxx号-1</a>
    </p>
</footer>
<!-- 右侧导航 -->
<ul class="layui-nav layui-nav-tree layui-nav-side fl-nav-left layui-hide" lay-filter="nav">
    <li class="layui-nav-item layui-this">
        <a href="/"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
    </li>
    <li class="layui-nav-item">
        <a href="{:U('Home/Index/ari')}"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
    </li>
    <li class="layui-nav-item">
        <a href="{:U('Home/Index/git')}"><i class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a>
    </li>
    <li class="layui-nav-item">
        <a href="{:U('Home/Index/chat')}"><i class="fa fa-road fa-fw"></i>&nbsp;点点滴滴</a>
    </li>
    <li class="layui-nav-item">
        <a href="{:U('Home/Index/about')}"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
    </li>
</ul>
<!-- 分享窗体 -->
<div class="fl-share layui-hide ">
    <div class="fl-share-body">
        <div>
            <div class="flsharebuttonshare">
                <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
            </div>
        </div>
    </div>
</div>
<!-- 遮罩 -->
<div class="fl-mask animated layui-hide"></div>
<script src="__PUBLIC__/static/whoCare/layui/layui.js"></script>
<script src="__PUBLIC__/static/whoCare/js/index.js"></script>
<script src="__PUBLIC__/static/whoCare/js/about.js"></script>



<include file="Public/public_login" />
</body>
</html>